<div class="layui-fluid">
	<div class="layui-row">
		<div class="layui-col-xs12">
			<div class="teacher-look-top">

				<div class="headimg1"> </div>
				<div class="user-list">
					<div class="usernamebox">
						用户个人简介 <span>详情</span>
					</div>
					<li>
						<div class="user-list1">
							四点几拉
						</div>
						<div class="user-list2">
							工作年限：1-3年
						</div>
					</li>
					<li>
						<div class="user-list1">
							13.5W/人
						</div>
						<div class="user-list2">
							粉丝人数
						</div>
					</li>
					<li>
						<div class="user-list1">
							1235条
						</div>
						<div class="user-list2">
							关注人数
						</div>
					</li>
				</div>
			</div>
		</div>
	</div>
	<!-- 脚本 -->
	<script>
		layui.use(['form'], function() {
			var form = layui.form,
				$ = layui.jquery;

		});
	</script>
	<!-- 样式 -->
	<style scoped>
		.headimg1 {
			width: 150px;
			height: 150px;
			background-size: auto 100%;
			background-position: center;
			background-image: url(https://www.honghekq.com/cover/ligengfengmian.jpg);
			border-radius: 50%;
			border: 4px solid #cf5cff;
			position: relative;
		}

		.teacher-look-top {
			background: #fff;
			padding: 25px 30px;
			position: relative;

			display: flex;

		}

		.teacher-look-top:before {
			content: '';
			background: #110000;
			display: table;
			width: 100%;
			height: 110px;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 50%;
			background: #39a3ef;
			background: -webkit-linear-gradient(to right, #39a3ef, #da6bff);
			background: linear-gradient(to right, #39a3ef, #da6bff);
		}

		.user-list {
			display: flex;
			align-items: flex-end;
			text-align: center;
			padding-bottom: 18px;
			font-size: 15px;
			position: relative;
		}

		.user-list li {
			width: 200px;
			border-right: 1px solid #eee;
		}

		.user-list li:last-child {
			border-right: 0;
		}

		.user-list2 {
			color: #a5a5a5;
			font-size: 14px;
		}

		.user-list1 {
			color: #4e4e4e;
			font-size: 17px;
			font-weight: bold;
			line-height: 170%;
		}

		.user-list li:first-child .user-list1 {
			color: #009e41;
		}

		.usernamebox {
			position: absolute;
			top: 54px;
			left: 34px;
			color: #fff;
			font-size: 17px;
		}

		.usernamebox span {
			font-size: 12px;
			background: #fff;
			border-radius: 4px;
			color: #2f2f2f;
			padding: 4px 15px;
			margin-left: 10px;
		}
	</style>
